import { useMemo } from "react";

import { SvgProps } from "./";

/** 浏览 */
export default function Browse({ className, onClick }: SvgProps) {
  return useMemo(
    () => (
      <svg
        className={className}
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="19139"
        width="200"
        height="200"
        onClick={onClick}
      >
        <path
          d="M538.81 738V616.04l-93.16-33.94-39.87-115.2 37.46-91.43 109.42-56.19H211.88v383.25l31.81 105.89 106.49 56.3h255.91V738h-67.28z"
          fill="#E0F4E4"
          p-id="19140"
          data-spm-anchor-id="a313x.7781069.0.i4"
          className="primary-fill"
          opacity=".4"
        ></path>
        <path
          d="M651.82 127.81H372.18c-100 0-181 80.93-181 180.76v406.49c0 99.83 81 180.76 181 180.76h281.15a26.65 26.65 0 1 0 0-53.3H372.18a127.55 127.55 0 0 1-127.64-127.46V308.57a127.55 127.55 0 0 1 127.64-127.46h279.64a127.55 127.55 0 0 1 127.64 127.46v317.48a26.69 26.69 0 0 0 53.38 0V308.57c0-99.83-81-180.76-181-180.76"
          fill="#2c2c2c"
          p-id="19141"
          data-spm-anchor-id="a313x.7781069.0.i0"
          className="on-bg-l-fill"
        ></path>
        <path
          d="M713.36 519.26a168.29 168.29 0 0 0-17-128.7c-46.83-81-150.91-108.85-232-62.08A168.51 168.51 0 0 0 397 400.23h-70.86a26.65 26.65 0 1 0 0 53.3h54.69a168 168 0 0 0 19.11 102.59h-73.8a26.65 26.65 0 1 0 0 53.3H445.3a171 171 0 0 0 104.28 35.5 168.87 168.87 0 0 0 75.8-18l153.89 234.57a26.68 26.68 0 0 0 44.65-29.22L668.83 595.94a168.54 168.54 0 0 0 44.53-76.68m-163.87 72.38a116.59 116.59 0 0 1-101.06-58.13A116.31 116.31 0 0 1 549.1 359.07a116.59 116.59 0 0 1 101.06 58.13 116.31 116.31 0 0 1-100.67 174.44"
          fill="#98DDA8"
          p-id="19142"
          data-spm-anchor-id="a313x.7781069.0.i1"
          className="primary-fill"
        ></path>
        <path
          d="M326.14 765.33h270a26.65 26.65 0 1 0 0-53.3h-270a26.65 26.65 0 1 0 0 53.3"
          fill="#98DDA8"
          p-id="19143"
          data-spm-anchor-id="a313x.7781069.0.i3"
          className="primary-fill"
        ></path>
      </svg>
    ),
    [onClick]
  );
}
